@@@@@@@@@@@@@@@@@ TjzM@What's New 2002/11/22

@@@@@@@@@@@S҂̂߂̃z[y[W
@@@@@@@ @@@http://www.scollabo.com/banban/
@@@@@@@@@@@@@@@@28

@@@@@@@@@@@@@banban@scollabo.com



@̍u̓^OoăeLXgGfB^Ńz[y[WƂA
ǂ炩ƂƂIȍƂSɂȂ܂B

@ɂ͐IœȌtoĂ܂AȂׂS҂ɂ₷
Ă܂BǂACyȋCłtBu
钆ŕȂ_܂AȂ[B

@ułHTML4.01𒆐SƂ@̂ƂȂĂ܂BȂÃ}K
W͓tHgłǂ݂ƉKɓǂ߂悤ɂȂ܂B

@T̉ۑ  g̉p
              z[y[Wɋ߂ --- XViUpdatej



g --- border

@g\X^CV[g𗘗p邱ƂɂAlXȕ\\łB
{IɘǵAقƂǂ̗vfɂKpłAHvɂĈۓIȘg炵
Ȃ\炵܂B

@́A̘g̉pɂďڂ܂B



g̗lݒ肷

@gɂ͒̂قɁAQdA_ȂǊe̕\`܂B㉺
E܂Ƃ߂Đݒ肵܂B

  border-style: g̗l

@solid@@
@double@ Qdijj
  dotted @_
@groove@ ̓Iɖ]񂾊̐
  ridge    ̓IɗN̐
  inset    ̓IɗvfƖ]񂾊̋`
  outset   ̓IɗvfƗN̋`
  none     g̔\iftHglj
@hidden@ g\Ȃig̗̈悾\j
  none     gݒ肵Ȃ

  g̗lƈʒuw肷
@border-top-style      vf̏㑤̘g̗lݒ肷
  border-bottom-style   vf̘̉g̗l
@border-left-style     vf̘̍g̗l
@border-right-style    vf̉E̘g̗l
@border-style          vf̏㉺E̘g̗l܂Ƃ߂Đݒ肷

@QlF h1 { border-style: dotted }



g̕ݒ肷

@g̒̕Pʂ͕̑傫̒PʂƓ̂g܂B

@border-width: g̑{Pʁi邢 thinAthickAmedium j

  Pʂ́@ׂ߂̐ithinjAڂ̐ithickjAʂ̐imediumjA
@@@@@sNZipxjA|Cg(ptjA~immjApCJipcjA
@@@@@C`iinjAM̑傫iemjAx̑傫iexjAp[Zgi%j

@g̑ƈʒuw肷
@border-top-width      vf̏㑤̘g̑̐ݒ
@border-bottom-width   vf̘̉g̑
@border-left-width     vf̘̍g̑
@border-right-width    vf̉E̘g̑
@border-width          vf̏㉺E̘g̑܂Ƃ߂Đݒ

  QlF h1 { border-bottom-width: 3px }




g̐Fݒ肷

@gɐFR[hpĐݒ肵܂B

@border-color: FR[h

  16i̐FR[hɉăJ[l[iS16Fjpł܂B
   ܂Al transparent Ɛݒ肷ƔwiFƓɂȂ܂Bڂ͕\
@ĂȂ悤ȕ\łB
  @iMacintosh MSIE̓T|[gĂ܂B)

@g̐Fƈʒuw肷
  border-top-color      vf̏㑤̘g̐Fݒ肷
@border-bottom-color   vf̘̉g̐F
@border-left-color     vf̘̍g̐F
@border-right-color    vf̉E̘g̐F
@border-color          vf̏㉺E̘g̐F܂Ƃ߂Đݒ

@QlF h1 { border-top-color: blue }

@l̐ɂāA\Fς܂B
@border-color: #f00        vf̏㉺EɓF̘gݒ
@border-color: #f00 #00f   vf̏㉺ɐԁAEɐ̘gʂɐݒ
@border-color: #f00 #0f0 #00f@
@@@@@@@@@@@@@@vf̏ɐԁAɐAEɗ΂̘gʂ
@@@@@@@@@@@@@@Fݒ
@border-color: #f00 #00f #0f0 #909
                            vf̏ɐԁAEɐAɗ΁AɎƂ
@@@@@@@@@@@@@@ɌʂɐFݒ



g܂Ƃ߂Đݒ肷

@g̑ݒ肵Ă̂ł́ALqςłBł܂Ƃ߂
vfɘgݒ肵܂B

@border: g̕ g̗l g̐Fil͎̏w肳Ă܂j

@{Iɂ͂R̒l܂Ƃ߂Đݒł܂B

@border-top      vf̏㑤̘g܂Ƃ߂Đݒ
@border-bottom   vf̘̉g܂Ƃ߂Đݒ
@border-left     vf̘̍g܂Ƃ߂Đݒ
@border-right    vf̉E̘g܂Ƃ߂Đݒ
@border          vf̏㉺E̘g܂Ƃ߂Đݒ

@QlF h1 { border-bottom: 3px double #090 }
           @@iel͔pXy[Xŋ؂܂Bj



g̉p

pfBỎp
vfɂ̓}[WiO̗]jAgApfBOi̗]j
Ƃ\łBg̐ݒł́AvfƘg߂ČɂȂ鋰ꂪ
܂BŁApfBO܂gƂɂāARec₷
Ȃ܂B

@Ql@h1 { border: 3px double #090; 
               padding: 3px }

  h1vfɂRsNZ̘gɗ]ݒ肵AeLXg₷
܂B

g̑̉p
g𑾂邱ƂŌoiȂǂɁAANZg݂܂B

@QlF@h1 { border-left: 3em solid #fc0; 
                 border-top: solid #fc0;
                 border-bottom: solid #fc0; 
                 padding: 5px; 
                 color: #fc0 }

@h1vf̍ɂR̘gA㉺ɂPsNZ̘gIWFŕ\
@AõeLXgFp܂B܂eg̗]͂TsN
@Z܂B

e[u̘g
e[uɘgݒ肷ɂ <table border="1"> Ɛݒ肷΂̂ł
F╝Ag̗l͂̂܂܂ł͕s\łBŁAf[^ZitdAthj
ƃe[uitablejɁAgݒ肵܂B

@@table,td,th { border: 1px solid #009 }

@g݂ɏdȂ荇āAQsNZ̘gŜɕ\܂B

ȂAe[uɂg̐Fݒ肷 bordercoloŕAHTML4.01ł
KiOȋ̓uEUɂĕ\łȂꍇBjƂȂĂ
̂ŁAł邾X^CV[g𗘗p悤ɐS܂傤B



HTML̍쐬

@L̘g̐ݒ𓥂܂āAHTML쐬܂BȂAgp摜́A
ނƂĒ񋟂Ăʐ^g܂B
@ỉ摜gpĂ\łBj

@͊OX^CV[g𗘗p@ŁAHTMLɓǂݍ݂܂BX^C
V[ǵARuFvZ~RuGvԈȂ悤Ƀ^Cv܂B
@eLXgGfB^NĉL̂悤ɓ͂ĂB

OX^CV[g

h1 { background-color: #cfc;
     border-left: 3em solid #090; 
     border-top: 1px solid #090;
     border-bottom: 1px solid #090; 
     padding: 5px; 
     color: #090;
     text-align: center;
     font-size: x-large }

table { margin-left: auto; 
        margin-right: auto }

td,th { padding-left: 2em; 
        paddin-right: 2em }

th { border-top: 1px solid #009;
     border-bottom: 1px solid #009 }

td { border-bottom: 1px solid #009 }

div { text-align: center }

img { border: 15px inset #f63 }


@܂œ͂I܂AX^CV[gƂĕۑ܂Bۑꏊ
́A̍ułǵuimagesvtH_ɕۑ܂BuimagesvtH
_Ȃꍇɂ́AĂĂB

  t@C  border.css ƁAKgqucssvYȂ悤ɒӂĂ
BŊOX^CV[g܂B

ɁAHTML쐬܂B悤ɃeLXgGfB^ŉL̂悤Ƀ^C
vĂB

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>g̕\</title>
<link rel="stylesheet" type="text/css" href="images/border.css">
</head>

<body>
<h1>g̕\̉p</h1>
<table cellpadding="3" cellspacing="0" summary="g\CSS">
<tr><th abbr="CSS">border̐ݒ</th>
    <th abbr="l̐">g\</th></tr>

<tr><td>border-top</td><td>vf̏㑤̘g܂Ƃ߂Đݒ</td></tr>
<tr><td>border-bottom</td><td>vf̘̉g܂Ƃ߂Đݒ</td></tr>
<tr><td>border-left</td><td>vf̘̍g܂Ƃ߂Đݒ</td></tr>
<tr><td>border-right</td><td>vf̉E̘g܂Ƃ߂Đݒ</td></tr>
<tr><td>border</td><td>vf̏㉺E̘g܂Ƃ߂Đݒ</td></tr>
</table>

<div>
<img src="images/sakura.jpg" width="250" height="180" alt="s̍">
</div>

</body>
</html>

@͂I܂HTMLƂĕۑ܂B̂߂ɂ͕Kgq
ĕۑ܂Bł́Atest_30.html ƂĂ܂Bu.htmlvY
ɕۑĂBȂAۑ̍ۂ͔̕Cӂ̖OĂ
Ăx܂B

@TvHTMLsURL
  http://www.scollabo.com/banban/magazine/sample/mmsample_044.html





CSS

h1 { background-color: #cfc; border-left: 3em solid #090; 
     border-top: 1px solid #090; border-bottom: 1px solid #090; 
     padding: 5px; color: #090; font-size: x-large }
  قǂ̘g̑Ő̂ƓݒłBovf̍ɂR
@̘̑gA㉺ɂPsNZ̗ΐF̘gzAFΐF
@ɐݒ肵܂B܂AwiFɂ͔ΐFƂȂ傫 x-large
@w肵܂B

table { margin-left: auto; margin-right: auto }
@e[u̍E̗]ƂAɔzuݒłBȂA^
@AStrictȊOł͂̃X^C͔fł܂BTransitionalł͒
@ɔzuł܂̂ŁAӂB

td,th { padding-left: 2em; paddin-right: 2em }
@f[^ZAwb_Z̍E̗̓]Q̐ݒ肵܂B

th { border-top: 1px solid #009; border-bottom: 1px solid #009 }
@wb_Z̏㉺ɂPsNZ̐F̘gݒ肵܂B

td { border-bottom: 1px solid #009 }
@f[^Z̉ɂPsNZ̐F̘gݒ肵܂B

div { text-align: center }
@ėpubNxvf̃eLXg摜Z^OݒłB

img { border: 15px inset #f63 }
@摜\uvf img15sNZ̃IWF̘gݒ肵
@B܂Ŋẑ悤ɕ\܂B

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
@^錾ŁAHTML4.01Strict^gpĂ܂BɌiȎdlŁA
@ƂȂvf⑮l͎g܂B

<link rel="stylesheet" type="text/css" href="images/border.css">
@OX^CV[gǂݍ܂邽߂ɁAlinkvfŌĂяo܂B
@́AuimagesvtH_ border.css ǂݍł܂B
@@̋Lq́AKwb_ōs܂B

<table cellpadding="3" cellspacing="0" summary="g\CSS">
@e[u\킷ݒŁAZԂ̗]̓[AZ̗̓]RsN
@Z܂Bsummary͔񎋊onuEUւ̔złB13QƁB

<tr><th abbr="CSS">border̐ݒ</th>
    <th abbr="l̐">g\</th></tr>
@wb_ZɁAabbrŔ񎋊onuEUɑ΂zƂĐݒ肵܂B
@ȂA13ŏqׂƂAwb_Z̓eLXgAZ^
@Oĕ\܂B

<div>
<img src="images/sakura.jpg" width="250" height="180" alt="s̍">
</div>
@ėpubNxvfɁẢ摜z܂B̉摜͖{TCg
ŋނƂĒ񋟂Ă̂łB

@ނ̃_E[h͂ł
@@http://www.scollabo.com/banban/daf/material.html



 Tips --- NŎgp摜

@N摜ŎgpۂɁAspӂȐF̘g\Ă܂ꍇ
܂B̘g\ɂɂ́A

@img { border-style: none }

@邱ƂŁAg\ɂł܂B܂Aimgvf border
gp邱Ƃ́A񐄏ƂĂ܂B

@<img src="sample.jpg" width="100%" height="100%" border="0" 
   alt="N̊G">

@̂悤ɁAbordergpꍇɂ́A^錾iDTDjߓn
 Transitional Ƃ悤ɂ܂傤BStrictł͎g܂AÔ߁B



r̕\ --- hrvfiubNxvfjI^OȂ

@y[WɌr\Ahrvf͎yɎĝŕ֗łB̗vf̃X
^CV[g͉L̒ʂłB

hr { color: #090 } @r̐F̎w
hr { width: 80%  }   r̉̎w
hr { height: 5px }   ȓ̎w
hr { width: 15%; text-align: right }  r̈ʒu̎w
hr { border-style: double }  r̗l̎w

ȂANetscapeł́AFAʒuAl͕\܂B܂AOperał́AF
yїl͕\܂񂪁Aʒu͎wł܂B
@Opera ̏ꍇ́Aborder-color w肷ΌrɐF\ł܂B

܂Ahrvfɒڑw肷邱Ƃ͔񐄏ƂȂĂ܂B
@F@<hr width="80%">



z[y[Wɋ߂ --- XV

@HTMLAT[oɃt@C]ď߂ăz[y[W̊J݂ł
邱Ƃ́AOɂ`ƂłB
@́AuXVvɂĉ܂B

@XV
@z[y[WJ݂ČoɁAK҂OĂ܂
@܂BPNȏXVĂȂꍇɂ́ǍX}ɃAN
@ZXȂȂĂ܂܂B
@i^̃T[oł́AXVȂꍇAy[Ŵ̂폜
@@Ă܂Ƃ悤łB)

@@́Az[y[ẄێłƂςȂ̂Ay[ẂuXVvłB
@Ƃł Weby[W쐬̐啔AV𐷂荞
@ŕpɂɃy[WXVĂ܂B

@@XVƂ́AK郆[Uւ̐V̒񋟂łBPɐFςĂ
@tHg̑傫ςĂ͍XVƂ͂܂B
@@ʂ̌lł́AƂ̂悤Ȑ^͂ł܂B܂ĂV
@ȂǂȂȂɓ̂ł͂܂񂵍ôׂł
@B
@@ႠAǂH

@@܂g̃y[WƊώ@邱Ƃ؂łBFl
@ƑɌĂ肵āÅzȂǂ𕷂܂傤B
@@g̃y[WŌƂɂ́AqϓIȃ[UƂăy[W̋
@܂ŁAƓǂ݊ώ@邱ƂłB
@@ƁA炩̕ȂAYĂ̂͂łB
@͑傫ȃqgɂȂ܂B

@@悤ȃTCgK₵Ċώ@邱ƂzLɂ@łB
@A܂^Ă܂̂͂܂B
@@납AVɖڂʂA{ŗǂ݂A{P[b
@erAȂɌ[߂悤w͂邱Ƃ؂łB

  @ŏ痧hȃRecTCg\z邱Ƃ́Aɍ
@ƂłBy[W͐̂łBāA@Â炵
@āAXVƂd˂ĂŁAy[W͐Ă܂B
@AANZXAbvɂ^ĂƂł傤B
@@

@@z[y[WJ݂ƂāÂ܂ܕ炩ł͂ȂA
@ɍXVƂāAVNȃTCg\zɗނ悤ɂ܂傤B



͂܂ŁAł͂ł́EE
T̂炢͂vy[Wɂfڂ܂̂ŁA񌩂ĂĂB
vy[WHTML̎sʂ̃TvA蕪₷
܂B킹ĉߋ̋L̂炢fڂĂ܂B

iT̂炢j
http://www.scollabo.com/banban/magazine/backnm_028.html

@́Ai̍@Ɖpɂďڂ܂B



Eӌ͂͂܂Ł@banban@scollabo.com

@ȂA̍ۂɂ́AgOSAʏgĂuEUAgĂe
LXgGfB^ȂǁAȂׂ₷𖾋LĂƉ
₷ȂƎv܂B
@A̒Ԃ͉Ћ΂߂Ȃ̂ŁAԎx邱Ƃ܂B
B

sҁ@΂΂
@́@XYLER{[V@http://www.scollabo.com/
zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

뎚EEEϊ~XE\RȂǂɂ͕ɂe͊肢܂BȂA}KW
ׂ̂Ă̋LqɌdȃXy~XꍇABƔlƋɎ܂
˂ĂƍKɎv܂B

obNio[@ŌJĂ܂B
v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html
ê炢@@http://www.scollabo.com/banban/magazine/
A[JCu@@@@http://www.scollabo.com/banban/daf/archive.html
uށ@@@@@http://www.scollabo.com/banban/daf/material.html
܂܂̉ߋL@http://backno.mag2.com/reader/Back?id=0000090196

zM̕ύXE~͂łB
ʂ̎葱͎󂯕tĂ܂̂ŁAʓ|łeł肢łΏ
܂B
TCgɂā@http://www.scollabo.com/banban/magazine/top.html
܂܂ɂā@http://www.mag2.com/m/0000090196.htm



XV

@TCgɂuT̂炢vł́A]荆\Ă炸
ǎ҂̕Aڂj[ė~Ƃ̗vAT16X
VAuڎvƂČJ܂B
@܂łsւĐ\󂠂܂łB



ł`E[ށ

@ƂɊȂāA̋ɂXg[uoꂵ܂B܁AC
YĂ܂Au{[bvƂĂāA̓_YfłɊׂ܂B
@vl邱Ƃʓ|ɂȂAɖɂȂĂ܂܂Bϊ댯ȏ
ł̂ŁAFΖRƂg[̎舵ɂ͒ӂ܂傤B

@Ȃ킯ŁAT̃[}KW̕ҏWƐقǏI΂
ꂩzMłB傫ȃ~X΂ȂƎvĂ܂EE

@̂ƂЂłłp\Rɂ݂Ă邽߂Aڂ
āAÂĂ܂B܂ŔN݂Bi̕AX~}Z)

@Ђł͎ɃOtBbNX XMLAł̓[}KW̌eTC
g̍\zȂǁBČNIł͂܂Bp\R痣ꂽ
vĂ鍡̍łB



쌠ɂ
l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
Ă܂BL̓eɂāAfŎgp邱Ƃłւ܂B
@ȂAL̃X^CV[gAHTML̃y[W쐬ɎRɎgĂ
Ăx܂B

    @@Copyright(C) 2002  www.scollabo.com/banban/
